Component({
	properties: {
		show: {
			type: Boolean,
			value: false,
		},
		status: {
			type: Object,
			value: {},
		},
	},
	observers: {},
	data: {
		Colors: [
			'#1abc9c',
			'#2ecc71',
			'#3498db',
			'#9b59b6',
			'#34495e',
			'#16a085',
			'#27ae60',
			'#2980b9',
			'#8e44ad',
			'#f1c40f',
			'#e67e22',
			'#e74c3c',
			'#ecf0f1',
			'#95a5a6',
			'#f39c12',
			'#d35400',
			'#bdc3c7',
			'#7f8c8d',
		],
	},
	methods: {
		onCatchtouchendColor(e) {
			const color = e.currentTarget.dataset.color
			this.triggerEvent('format', {
				key: 'color',
				data: color,
			})
		},
		onCatchtouchendBackground(e) {
			const background = e.currentTarget.dataset.background
			this.triggerEvent('format', {
				key: 'backgroundColor',
				data: background,
			})
		},
	},
})
